<template>
  <div id="app">
    <!-- <h2>kjdkj</h2>
     -->
    <router-view></router-view>
    <van-tabbar route>
      <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="shop-o" to="/lesson">课程</van-tabbar-item>
      <van-tabbar-item icon="setting-o" to="/profile">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
/* 这里我们可以去覆盖vant的样式 */
#app {
  // color: $color;
  // background: $background;
  // width: 375px;
  .van-dropdown-menu__bar,
  .van-nav-bar {
    background-color: $background;
  }
  .van-dropdown-menu__title,
  .van-nav-bar__title {
    color: $color;
  }
}
</style>
